<template>
  <!-- <div>这是子组件</div> -->
  <!-- <h2>{{ title }}</h2>
  <p>count:{{ count + 1 }}</p>
  <p>{{ flag + 1 }}</p> -->
  <div>
    <span v-for="item in items" :key="item">{{ item + " " }}</span>
    <!-- <ul><li v-for="item in items" :key="item">{{ item }}</li></ul> -->
  </div>

  <p>用户名：{{ user.name }}</p>
  <p>账号：{{ user.num }}</p>
  <p>年龄：{{ user.age }}</p>
</template>

<script setup>
// const props = defineProps({
//     title:String,
//     count:Number,
//     flag:Boolean,
// })

// const props = defineProps({
//     items:Array,
// })

// const props = defineProps(["user"]);

const props = defineProps({
    user:Object,
    items:Array,
});
</script>

<style>

</style>